<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="<?php echo admin_css;?>common.css">
    <link rel="stylesheet" type="text/css" href="<?php echo home_css;?>login.css">
    <style type="text/css">
        .body {
            width: 1100px;
            border:1px solid red;
        }
        .stitle {
            overflow:hidden;
            width:400px;
            margin:0 auto;
            padding-bottom:20px;

        }
        .stitle ul li{
            display:block;
            float:left;
            width:200px;
            height:50px;
            text-align:center;
            line-height:50px;
            font-weight:bold;
        }
        .login {
            background: #FBFBFB;
            position: relative;
            width: 500px;
            height: 500px;
            /*margin-top: px;
            margin-right: 100px;*/
            overflow: hidden;
            float: right;
        }

        .login .login_button {
            display: block;
            width: 320px;
            margin: 0 auto;
            height: 42px;
            line-height: 42px;
            color: black;
            font-size: 16px;
            font-weight: bold;
            background-color: #6FD7D6;
        }
        .disf {
            width: 80px;
            height: 80px;
            float: left;
            margin-left:40px;

        }
        .congxin {
            margin:0 auto;
            width: 400px;


            overflow:hidden;
            margin-bottom:30px;

        }


        .Third_party{

            width:400px;

            overflow: hidden;
            margin:0 auto;
        }
        #div1 {
            width: 130px;
            height: 0px;
            border: #999 1px solid;
            float: left;
        }
        .disf_body{
            margin:0 auto;
            overflow:hidden;

        }

        #div2 {
            width: 130px;
            height: 0px;
            border: #999 1px solid;
            float: left;
        }

        #div3 {
            float: left;
            width: 100x;
            height: 15px;
            line-height: 15px;
            margin: 0px 10px;
            margin-top:-10px;
        }

    </style>
    <script type="text/javascript" src="<?php echo admin_js;?>jquery-2.1.0.js"></script>
    <script type="text/javascript">
        //选项卡切换
        $(function () {
            $(".stitle li").click(function () {
                $(this).css({"border-bottom":"5px solid #6FD7D6","font-weight":"blod","color":"black"});
                $(this).siblings().css({"border-bottom":"","color":"#999999"});
                var index_tab = $(this).parent().children().index($(this)); //选项卡的索引值
                $(this).parent().find(".open").removeClass("open").addClass("close"); //选项卡背景处理
                $(this).removeClass("close").addClass("open");
                var content_obj = $(".neirong"); //内容节点
                content_obj.hide();
                content_obj.eq(index_tab).show();
            });
        });
    </script>

</head>

<body>

<div class="body veti">
    <div class="left">
        <div class="logo">
            <img src="<?php echo leftNav;?>login.png">
        </div>
    </div>
    <div class="login">
        <div class="stitle">
            <ul>
                <li class="open">账户登陆</li>
                <li class="close">通用代码登陆</li>
            </ul>
        </div>
        <form action="/home/user/login" method="post">
        <div class="neirong">
            <div class="login_input">
                <input type="text"  placeholder="手机号/帐号" name="username">
                <input type="password" placeholder="密码" name="password">
            </div>
            <div class="congxin">
                <div class="remerber"><input type="checkbox" name=""><span>记住密码</span></div>
                <span class="wjmi">忘记密码?</span>
            </div>
            <input class="button" type="submit" value="登录"></input>
            </br>
            <div class="Third_party">
                <div id="odiv">
                    <div id="div1"></div>
                    <div id="div3">第三方帐号登录</div>
                    <div id="div2"></div>
                </div>
                <br>
                <div class="disf_body">
                    <div class="disf">
                        <img src="<?php echo leftNav;?>disanf.png" style="border-radius: 50%"></img></br>
                        <span>qq</span>
                    </div>
                    <div class="disf">
                        <img src="<?php echo leftNav;?>disanf.png" style="border-radius: 50%"></img></br>
                        <span>维信</span>
                    </div>
                    <div class="disf">
                        <img src="<?php echo leftNav;?>disanf.png" style="border-radius: 50%"></img></br>
                        <span>微博</span>
                    </div>
                </div>
            </div>
        </div>
        </form>
        <div class="neirong" style="display: none">
            <p>adsfdsf</p>
        </div>
    </div>
</div>
</body>
</html>